<!-- 房源列表页 -->
<div style="background-color: white;margin: 15px 20px;height: 140px;width: 100%;padding-top: 10px">
    <div style="height: 60px;width: 100% ;border-bottom-color: red;border-bottom-style: solid;border-bottom-width: 2px">
        <i class="glyphicon glyphicon-home" style="margin: 15px 40px"></i>
        有效房源列表
        <i class="glyphicon glyphicon-search" style="margin: 15px 10px 15px 40px"></i>
        <button style="background-color: white">搜索</button>
    </div>
    <div style="width: 100%;height: 80px;padding: 20px 200px">
          <span>
            尚未设定搜索条件，可鼠标移至【搜索】进行查找条件设定
          </span>
    </div>
</div>

<div style="margin: 30px 15px;background-color: white;height: 60px">
    <div style="float: right;padding: 15px 20px 0px 0px;margin-left: 20px;" >
        <ul class="pagination pagination-sm no-margin pull-right">
            <li><a class="pre"> <i class="glyphicon glyphicon-chevron-left"></i> </a></li>
            <li><a class="next"> <i class="glyphicon glyphicon-chevron-right"></i> </a></li>
        </ul>
    </div>
    <div style="float: right ;padding-top:15px ">
        <div class="btn-group" role="group" aria-label="...">
            <button type="button" class="btn btn-default" style="color: white ;background-color: #8e908c">10</button>
            <button type="button" class="btn btn-default" style="color: white;background-color: #8e908c">20</button>
            <button type="button" class="btn btn-default" style="color: white;background-color: #8e908c">30</button>
        </div>
    </div>
    <div style="float: left ;padding: 15px 0px 0px 30px">
        <a style="margin-right: 15px;color: black">挂牌时间 <i class="glyphicon glyphicon-chevron-down"></i></a>
        <a style="margin-right: 15px;color: black">活跃度</a>
        <a style="margin-right: 15px;color: black">总价</a>
        <a style="margin-right: 15px;color: black">单价</a>
        <a style="margin-right: 15px;color: black">面积</a>
        <a style="margin-right: 15px;color: black">跟进数量</a>
        <a style="margin-right: 15px;color: black">跟进时间</a>
        <a style="margin-right: 15px;color: black">带看数量</a>
        <a style="margin-right: 15px;color: black">楼盘</a>
    </div>
</div>

<div style="height: 50px ;width: 100% ;background-color: lightgrey;margin: 10px 20px 0px 20px;padding-top: 15px">
    <div style="float: left;height: 100%;width: 30%;text-align: center">
        楼盘
    </div>
    <div style="float: left;height: 100%;width: 8%;text-align: center">
        楼层
    </div>
    <div style="float: left;height: 100%;width: 8%;text-align: center">
        户型
    </div>
    <div style="float: left;height: 100%;width: 8%;text-align: center">
        面积
    </div>
    <div style="float: left;height: 100%;width: 10%;text-align: center">
        售/租价
    </div>
    <div style="float: left;height: 100%;width: 8%;text-align: center">
        单价
    </div>
    <div style="float: left;height: 100%;width: 14%;text-align: center">
        跟进时间
    </div>
    <div style="float: left;height: 100%;width: 14%;text-align: center">
        挂牌时间
    </div>
</div>
<!-- 房源数据列表 -->
<div style="height: 150px ;width: 100% ;background-color: white;border-style: solid ;border-color: lightgrey ; border-width: 1px;margin: 0px 20px 0px 20px;padding-top: 15px">
    <div style="float: left;height: 100%;width: 30%;text-align: center">
        <div style="height: 50px;padding-top: 15px;text-align: left;padding-left: 20px;color: #0b97c4">荣丰花园</div>
        <div style="height: 50px;padding-top: 15px;text-align: left;padding-left: 20px;color: lightgrey">
            <i class="glyphicon glyphicon-map-marker"></i> <font color="gray">杨浦/大桥街道(内环) 长阳路1400弄 </font><i class="glyphicon glyphicon-book" style="color:#0b97c4 "></i>
        </div>
        <div style="height: 50px;padding-top: 10px;text-align: left;padding-left: 20px">
            <a href="#" class="glyphicon glyphicon-earphone" style="margin-right: 5px;background-color: red;color: white;height: 20px ;width: 20px;padding: 3px 3px" ></a>
            <a href="#" class="glyphicon glyphicon-tags" style="margin-right: 5px;background-color: red;color: white;height: 20px ;width: 20px;padding: 3px 3px" ></a>
            <a href="#" class="glyphicon glyphicon-user" style="margin-right: 5px;background-color: red;color: white;height: 20px ;width: 20px;padding: 3px 3px" ></a>
            <a href="#" class="glyphicon glyphicon-camera" style="margin-right: 5px;background-color: lightgrey;color: white;height: 20px ;width: 20px;padding: 3px 3px" ></a>
            <a href="#" class="glyphicon glyphicon-film" style="margin-right: 5px;background-color: lightgrey;color: white;height: 20px ;width: 20px;padding: 3px 3px" ></a>
            <a href="#" class="glyphicon glyphicon glyphicon-euro" style="margin-right: 5px;background-color: lightgrey;color: white;height: 20px ;width: 20px;padding: 3px 3px" ></a>
            <a href="#" class="glyphicon glyphicon glyphicon glyphicon-cog" style="margin-right: 5px;background-color: lightgrey;color: white;height: 20px ;width: 20px;padding: 3px 3px" ></a>
        </div>


    </div>
    <div style="float: left;height: 100%;width: 8%;text-align: center;padding-top: 10px">
        高区/6F
    </div>
    <div style="float: left;height: 100%;width: 8%;text-align: center;padding-top: 10px">
        2室2厅
    </div>
    <div style="float: left;height: 100%;width: 8%;text-align: center;padding-top: 10px">
        107.82平
    </div>
    <div style="float: left;height: 100%;width: 10%;text-align: center;padding-top: 10px">
        7500元/月
    </div>
    <div style="float: left;height: 100%;width: 8%;text-align: center;padding-top: 10px">
        6万/平
    </div>
    <div style="float: left;height: 100%;width: 14%;text-align: center;padding-top: 10px">
        2020/07/12 19:13
    </div>
    <div style="float: left;height: 100%;width: 14%;text-align: center;padding-top: 10px">
        <div style="height: 50px;padding-top: 0px;text-align: left;padding-left: 20px;color:grey">2020/09/11 15:28</div>
        <div style="height: 50px;width: 250px;padding-top: 0px;margin-left: -100px;text-align: right;padding-left: 20px;color: grey">编号:SHYPZ0000254545464</div>
        <div style="height: 50px;width: 250px;padding-top: 0px;margin-left: -100px;text-align: right;padding-left: 20px;color: grey">激活人:金明询/长阳五店分行3组</div>
    </div>
</div>

<!-- 房源数据列表/条数据 -->
<div style="height: 150px ;width: 100% ;background-color: white;border-style: solid ;border-color: lightgrey ; border-width: 1px;margin: 0px 20px 0px 20px;padding-top: 15px">
    <div style="float: left;height: 100%;width: 30%;text-align: center">
        <div style="height: 50px;padding-top: 15px;text-align: left;padding-left: 20px;color: #0b97c4">荣丰花园</div>
        <div style="height: 50px;padding-top: 15px;text-align: left;padding-left: 20px;color: lightgrey">
            <i class="glyphicon glyphicon-map-marker"></i> <font color="gray">杨浦/大桥街道(内环) 长阳路1400弄 </font><i class="glyphicon glyphicon-book" style="color:#0b97c4 "></i>
        </div>
        <div style="height: 50px;padding-top: 10px;text-align: left;padding-left: 20px">
            <a href="#" class="glyphicon glyphicon-earphone" style="margin-right: 5px;background-color: red;color: white;height: 20px ;width: 20px;padding: 3px 3px" ></a>
            <a href="#" class="glyphicon glyphicon-tags" style="margin-right: 5px;background-color: red;color: white;height: 20px ;width: 20px;padding: 3px 3px" ></a>
            <a href="#" class="glyphicon glyphicon-user" style="margin-right: 5px;background-color: red;color: white;height: 20px ;width: 20px;padding: 3px 3px" ></a>
            <a href="#" class="glyphicon glyphicon-camera" style="margin-right: 5px;background-color: lightgrey;color: white;height: 20px ;width: 20px;padding: 3px 3px" ></a>
            <a href="#" class="glyphicon glyphicon-film" style="margin-right: 5px;background-color: lightgrey;color: white;height: 20px ;width: 20px;padding: 3px 3px" ></a>
            <a href="#" class="glyphicon glyphicon glyphicon-euro" style="margin-right: 5px;background-color: lightgrey;color: white;height: 20px ;width: 20px;padding: 3px 3px" ></a>
            <a href="#" class="glyphicon glyphicon glyphicon glyphicon-cog" style="margin-right: 5px;background-color: lightgrey;color: white;height: 20px ;width: 20px;padding: 3px 3px" ></a>
        </div>


    </div>
    <div style="float: left;height: 100%;width: 8%;text-align: center;padding-top: 10px">
        高区/6F
    </div>
    <div style="float: left;height: 100%;width: 8%;text-align: center;padding-top: 10px">
        2室2厅
    </div>
    <div style="float: left;height: 100%;width: 8%;text-align: center;padding-top: 10px">
        107.82平
    </div>
    <div style="float: left;height: 100%;width: 10%;text-align: center;padding-top: 10px">
        7500元/月
    </div>
    <div style="float: left;height: 100%;width: 8%;text-align: center;padding-top: 10px">
        6万/平
    </div>
    <div style="float: left;height: 100%;width: 14%;text-align: center;padding-top: 10px">
        2020/07/12 19:13
    </div>
    <div style="float: left;height: 100%;width: 14%;text-align: center;padding-top: 10px">
        <div style="height: 50px;padding-top: 0px;text-align: left;padding-left: 20px;color:grey">2020/09/11 15:28</div>
        <div style="height: 50px;width: 250px;padding-top: 0px;margin-left: -100px;text-align: right;padding-left: 20px;color: grey">编号:SHYPZ0000254545464</div>
        <div style="height: 50px;width: 250px;padding-top: 0px;margin-left: -100px;text-align: right;padding-left: 20px;color: grey">激活人:金明询/长阳五店分行3组</div>
    </div>
</div>

<!-- 房源数据列表/条数据 -->
<div style="height: 150px ;width: 100% ;background-color: white;border-style: solid ;border-color: lightgrey ; border-width: 1px;margin: 0px 20px 0px 20px;padding-top: 15px">
    <div style="float: left;height: 100%;width: 30%;text-align: center">
        <div style="height: 50px;padding-top: 15px;text-align: left;padding-left: 20px;color: #0b97c4">荣丰花园</div>
        <div style="height: 50px;padding-top: 15px;text-align: left;padding-left: 20px;color: lightgrey">
            <i class="glyphicon glyphicon-map-marker"></i> <font color="gray">杨浦/大桥街道(内环) 长阳路1400弄 </font><i class="glyphicon glyphicon-book" style="color:#0b97c4 "></i>
        </div>
        <div style="height: 50px;padding-top: 10px;text-align: left;padding-left: 20px">
            <a href="#" class="glyphicon glyphicon-earphone" style="margin-right: 5px;background-color: red;color: white;height: 20px ;width: 20px;padding: 3px 3px" ></a>
            <a href="#" class="glyphicon glyphicon-tags" style="margin-right: 5px;background-color: red;color: white;height: 20px ;width: 20px;padding: 3px 3px" ></a>
            <a href="#" class="glyphicon glyphicon-user" style="margin-right: 5px;background-color: red;color: white;height: 20px ;width: 20px;padding: 3px 3px" ></a>
            <a href="#" class="glyphicon glyphicon-camera" style="margin-right: 5px;background-color: lightgrey;color: white;height: 20px ;width: 20px;padding: 3px 3px" ></a>
            <a href="#" class="glyphicon glyphicon-film" style="margin-right: 5px;background-color: lightgrey;color: white;height: 20px ;width: 20px;padding: 3px 3px" ></a>
            <a href="#" class="glyphicon glyphicon glyphicon-euro" style="margin-right: 5px;background-color: lightgrey;color: white;height: 20px ;width: 20px;padding: 3px 3px" ></a>
            <a href="#" class="glyphicon glyphicon glyphicon glyphicon-cog" style="margin-right: 5px;background-color: lightgrey;color: white;height: 20px ;width: 20px;padding: 3px 3px" ></a>
        </div>


    </div>
    <div style="float: left;height: 100%;width: 8%;text-align: center;padding-top: 10px">
        高区/6F
    </div>
    <div style="float: left;height: 100%;width: 8%;text-align: center;padding-top: 10px">
        2室2厅
    </div>
    <div style="float: left;height: 100%;width: 8%;text-align: center;padding-top: 10px">
        107.82平
    </div>
    <div style="float: left;height: 100%;width: 10%;text-align: center;padding-top: 10px">
        7500元/月
    </div>
    <div style="float: left;height: 100%;width: 8%;text-align: center;padding-top: 10px">
        6万/平
    </div>
    <div style="float: left;height: 100%;width: 14%;text-align: center;padding-top: 10px">
        2020/07/12 19:13
    </div>
    <div style="float: left;height: 100%;width: 14%;text-align: center;padding-top: 10px">
        <div style="height: 50px;padding-top: 0px;text-align: left;padding-left: 20px;color:grey">2020/09/11 15:28</div>
        <div style="height: 50px;width: 250px;padding-top: 0px;margin-left: -100px;text-align: right;padding-left: 20px;color: grey">编号:SHYPZ0000254545464</div>
        <div style="height: 50px;width: 250px;padding-top: 0px;margin-left: -100px;text-align: right;padding-left: 20px;color: grey">激活人:金明询/长阳五店分行3组</div>
    </div>
</div>

<!-- 房源数据列表/条数据 -->
<div style="height: 150px ;width: 100% ;background-color: white;border-style: solid ;border-color: lightgrey ; border-width: 1px;margin: 0px 20px 0px 20px;padding-top: 15px">
    <div style="float: left;height: 100%;width: 30%;text-align: center">
        <div style="height: 50px;padding-top: 15px;text-align: left;padding-left: 20px;color: #0b97c4">荣丰花园</div>
        <div style="height: 50px;padding-top: 15px;text-align: left;padding-left: 20px;color: lightgrey">
            <i class="glyphicon glyphicon-map-marker"></i> <font color="gray">杨浦/大桥街道(内环) 长阳路1400弄 </font><i class="glyphicon glyphicon-book" style="color:#0b97c4 "></i>
        </div>
        <div style="height: 50px;padding-top: 10px;text-align: left;padding-left: 20px">
            <a href="#" class="glyphicon glyphicon-earphone" style="margin-right: 5px;background-color: red;color: white;height: 20px ;width: 20px;padding: 3px 3px" ></a>
            <a href="#" class="glyphicon glyphicon-tags" style="margin-right: 5px;background-color: red;color: white;height: 20px ;width: 20px;padding: 3px 3px" ></a>
            <a href="#" class="glyphicon glyphicon-user" style="margin-right: 5px;background-color: red;color: white;height: 20px ;width: 20px;padding: 3px 3px" ></a>
            <a href="#" class="glyphicon glyphicon-camera" style="margin-right: 5px;background-color: lightgrey;color: white;height: 20px ;width: 20px;padding: 3px 3px" ></a>
            <a href="#" class="glyphicon glyphicon-film" style="margin-right: 5px;background-color: lightgrey;color: white;height: 20px ;width: 20px;padding: 3px 3px" ></a>
            <a href="#" class="glyphicon glyphicon glyphicon-euro" style="margin-right: 5px;background-color: lightgrey;color: white;height: 20px ;width: 20px;padding: 3px 3px" ></a>
            <a href="#" class="glyphicon glyphicon glyphicon glyphicon-cog" style="margin-right: 5px;background-color: lightgrey;color: white;height: 20px ;width: 20px;padding: 3px 3px" ></a>
        </div>


    </div>
    <div style="float: left;height: 100%;width: 8%;text-align: center;padding-top: 10px">
        高区/6F
    </div>
    <div style="float: left;height: 100%;width: 8%;text-align: center;padding-top: 10px">
        2室2厅
    </div>
    <div style="float: left;height: 100%;width: 8%;text-align: center;padding-top: 10px">
        107.82平
    </div>
    <div style="float: left;height: 100%;width: 10%;text-align: center;padding-top: 10px">
        7500元/月
    </div>
    <div style="float: left;height: 100%;width: 8%;text-align: center;padding-top: 10px">
        6万/平
    </div>
    <div style="float: left;height: 100%;width: 14%;text-align: center;padding-top: 10px">
        2020/07/12 19:13
    </div>
    <div style="float: left;height: 100%;width: 14%;text-align: center;padding-top: 10px">
        <div style="height: 50px;padding-top: 0px;text-align: left;padding-left: 20px;color:grey">2020/09/11 15:28</div>
        <div style="height: 50px;width: 250px;padding-top: 0px;margin-left: -100px;text-align: right;padding-left: 20px;color: grey">编号:SHYPZ0000254545464</div>
        <div style="height: 50px;width: 250px;padding-top: 0px;margin-left: -100px;text-align: right;padding-left: 20px;color: grey">激活人:金明询/长阳五店分行3组</div>
    </div>
</div>
<script>
    $(function () {
        var filed="saleTime";
        var page = 1;
        var rows = 5;
        doloadHouseList(filed,page,rows);

    })

    function doloadHouseList(filed,page,rows) {
        /*$.ajax("/house/houseList/"+field+"/"+page+"/"+rows,function (data){

        })*/
        var url ="/house/houseList/"+field+"/"+page+"/"+rows;
        alert(filed)
        alert(page)
        alert(rows)
        alert(url)
        $.getJson(url,function (data) {
            console.log(data);
        })
    }

</script>